/*banner*/
.banner {
    width: 100%;
    height: 400px;
    background: aquamarine;
}

/*endhere*/
#container {
    background-color: #f4f4f5;
    max-width: 1000px;
    margin: 0 auto;
}

/*time*/

.title2{
    font-size: 20px;
    color: #16D0D8;
    border-bottom: 2px solid #EAEAEA;
    padding-bottom: 20px;
}

section.time article p {
    line-height: 19px;
    white-space: pre-line;
    font-size: 16px;
    color: #44484A;

}

/*endhere*/
/*gallery*/
section.gallery {
    position: relative;
    max-width: 1005px;
    /* margin: 20px auto; */
    background: #FFFFFF;
    /* height: auto; */
    padding: 0;
}
.i-want-ask .fr a{
    margin: 0 16px;
}
section.gallery > article {
    margin: 0;
    position:relative;
}

.pic-wrap{
    float:left;
    width:33%;
    box-sizing:border-box;
    height:200px;
    text-align:center;
    padding:10px 5px;
    overflow:hidden;
}
.pic-wrap img{
    width:100%;
}
/*分离文字内容和蒙版*/
/*endhere*/
div#allmap {
    width: 100%;
    height: 654px;
}
.js-map-mask{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    text-align: center;
    background-color: #000;
    cursor: pointer;
    opacity: .3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);

}
.js-map-mask2 {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    width: 150px;
    height: 30px;
    line-height: 30px;
    margin: auto;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}
div.BMap_stdMpCtrl {
    top: 47px;
}

/*endhere*/
/*record*/
section.record {
    position: relative;
    width: 1000px;
    height: auto;
    padding: 0;
    margin: 30px 0 160px;
    background-color: #FFFFFF;
}

div.record-div {
    width: 100%;
    margin: 0 auto;
    padding: 35px 48px 20px;
    /* height: 255px; */
    box-sizing: border-box;
}

tr.table-header {
    font-size: 20px;
}

tr.table-content {
    border-top: 2px solid #d5e0eb;
}

table.record-table {
    width: 100%;
}

table.record-table td {
    font-size: 16px;
    padding: 20px 0;
    text-align: center;
}

table.record-table th {
    font-size: 20px;
    padding: 0 0 10px;
    text-align: center;
}

/*endhere*/

/*page*/

section.map {
    padding: 10px;
}

.bdrt {
    border-top: 1px solid #d5e0eb;
}

section.time > header {
    padding-top: 20px;
}

textarea.answerText {
    width: 580px;
    border: 1px solid #e3e3e3;
}

section.answer {
    height: auto;
}

.story {
    font-size: 16px;
    line-height: 24px;
}


div.mark-div {
    margin-bottom: 10px;
}

div.answer-article-div {
    padding-top: 10px;
}

@media screen and   (max-width: 768px) {
    .hotel > header > h2 {
        font-size: 24px;
    }

    #banner {
        height: auto;
    }

    #list {
        height: auto;
    }

    #list img {
        width: 100%;
    }

    div.fixed-wrap ul {
        font-size: 14px;
    }

    .fixed-header ul li {
        margin-bottom: 0;
    }

    .fixed-header ul li a {
        font-size: 14px;

    }

    .fixed-header ul.nav li a {
        line-height: 22px;
    }

    .fixed-header ul.nav li.active, .fixed-header ul.nav li:hover {
        border-bottom:none;
    }

    .fixed-header ul li {
        padding: 0;
        padding-bottom: 6px;
        width: 11%
    }

    .fixed-header ul hr {
        height: 40px;
        vertical-align: top;
    }

    div.fixed-wrap ul {
        margin-left: 0;
        padding-top: 5px;
    }

    div.pic-mark, #main div.right-pic, section.record, section.gallery, section.fixed-header div.fixed-wrap, .sticky, section.sticky > div.fixed-wrap {
        width: 100%;
        min-width: 100%;
        box-sizing: border-box;
    }

    .fixed-header a.join {

        padding: 3px;
        margin-top: 0;
        margin-right: 0;
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        background-color: #50E3C2;
        font-size: 14px;
        color: #FFFFFF;
        /* -webkit-border-radius: 8px; */
        -moz-border-radius: 0;
        border-radius: 0;
    }

    section.paper {
        padding: 2px;
    }

    .paper > header h2 {
        margin-left: 16px;
    }

    .paper > article {
        margin: 15px 10px;
    }

    .words div.left {
        width: auto;
        float: none;
    }

    .portrait-72 {
        width: 200px;
        height: 200px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .words {
        margin: 10px;
    }

    .words div.right p.time {
        margin-top: 10px;
    }

    textarea {
        box-sizing: border-box;
    }

    div.record-div {
        padding: 5px;
    }

    table.record-table td {
        font-size: 10px;
    }

    #main {
        width: 100%;
        height: auto;
    }

    #main img {
        width: 100%;
    }

    #main div.center-pic, #main div.left-pic {
        float: none;
        width: auto;
        height: auto;
        text-align: center;
    }

    .grayBtn {
        width: 100%;
    }

    h3.question {
        padding: 0 15px 30px;
    }

    h3.question .replyBtn {
        /*padding: 0;margin-right: 0;*/
    }

    div#allmap {
        height: 300px;
    }

    #pop-box {
        width: 100%;
    }
}
